let server="http://127.0.0.1:8899";
let re="http://hoppin.cn/wyy/index.html";
let time=1000;
let code_id;
$(function(){
    $(".change_login_type").off("click").on("click",function(){
        $("#user_method1").toggleClass("display-none");
        $("#user_method2").toggleClass("display-none");
    })
    loadQr();
    $("#reload_qr").click(function(){
        loadQr();
    })

})

function loadQr(){
    $.get(`${server}/createQr`,function(responseQr){
        if(responseQr.code==200){
            let response=JSON.parse(responseQr.msg);
            let data=response.data;
            code_id=data.code_id;
            qrimg=data.url;
            createQr(qrimg);
            checkQr();
        }
    })
}

function createQr(qrimg){
    let qrcode_container = document.getElementById('buff_qrcode');
    qrcode_container.innerHTML = "";
    let qrcode = new QRCode(qrcode_container, {
        text: qrimg,
        width: 168,
        height: 168,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.H
    });
    let base64_qrcode = qrcode_container.firstChild.toDataURL("image/png");
    $("#buff_qrcode").attr("src",base64_qrcode);
}

function checkQr(){
    if(time){
        clearInterval(time);
    }
    time=setInterval(function(){
        $.get(`${server}/getQrState?code_id=${code_id}`,function(response, textStatus, request){
            console.log(response)
            console.log(request)
            //1等待，2扫描中，3扫描成功，5过期
            let data=JSON.parse(response.msg);
            let _data=data.data;
            if(_data.state===1){
                console.log("等待扫描中。。。:"+code_id);
            }
            if (_data.state === 5) {
                alert("二维码已过期,已经重新获取");
                clearInterval(time);
                loadQr();
            }
            if (_data.state === 2) {
                checkState2(response);
                $("#waitGetState").click();
                clearInterval(time);
            }
        })
    },1500);
}

function getWebURLKey (variable) {
    let query = window.location.search.substring(1);
    let vars = query.split("&");
    for (let i = 0; i < vars.length; i++) {
        let pair = vars[i].split("=");
        if (pair[0] == variable) {
            return reomveJing(pair[1]);
        }
    }
    return null;
};

function reomveJing(str) {
    return str.lastIndexOf("#")==str.length-1?str.substring(0,str.length-1):str;
};
function checkState2(response){
    let jbox=new jBox('Modal', {
        attach: '#waitGetState',
        width: 450,
        height: 250,
        closeButton: 'title',
        animation: false,
        title: '二维码扫描成功',
        content: '正在手机上确认授权登录'
    });

    let nextTime=setInterval(function(){
        $.get(`${server}/getQrState?code_id=${code_id}`,function(response, textStatus, request){
            //1等待，2扫描中，3扫描成功，5过期
            let data=JSON.parse(response.msg);
            let _data=data.data;
            if(_data.state===1){
                console.log("等待扫描中。。。:"+code_id);
            }
            if (_data.state === 5) {
                alert("二维码已过期,已经重新获取");
                clearInterval(nextTime);
                loadQr();
            }
            // if (_data.state === 3) {
            //     console.log(response)
            //     console.log(request)
            //     clearInterval(nextTime);
            //     $.ajax({
            //         url: `${server}/buffQrLogin?code_id=${code_id}`,
            //         type: "post",
            //         data: {
            //             cookie:response.cookie
            //         },
            //         reload: 'strict',
            //         setContent: false,
            //         beforeSend: function() {
            //             $("#jBox1 > div > div.jBox-content").text(" ");
            //             $("#jBox1 > div > div.jBox-title > div:nth-child(1)").text("授权登录成功");
            //             $("#jBox1 > div > div.jBox-content").text("正在重定向...");
            //         },
            //         success: function(response) {
            //             console.log(response)
            //             let me=this;
            //             setTimeout(function(){
            //                 $("#jBox1 > div > div.jBox-content").text(" ");
            //                 $("#jBox1 > div > div.jBox-title > div:nth-child(1)").text("完成")
            //                 $("#jBox1 > div > div.jBox-content").text("即将重定向！");
            //                 setTimeout(function(){
            //                     //window.location.href=`${re}?zid=${zid}`;
            //                 },2000)
            //             },2000)
            //         },
            //         error: function() {
            //             $("#jBox1 > div > div.jBox-content").text("检查登录状态异常，请用其他方式登录！");
            //         }
            //     })
            // }
        })
    },1500);

}